<template>
  <van-row>
    <van-row>
      <van-nav-bar title="训练营"  style="height: 52px;line-height: 52px" >
        <van-icon name="arrow-left" slot="left" color="#ccc" size="34px" @click="onClickLeft" />
        <van-icon name="replay" slot="right" color="#ccc" size="34px" @click="onClickRight" />
      </van-nav-bar>

    </van-row>
    <van-row>
      <van-swipe :autoplay="3000" indicator-color="white" class="vanSwipe">
        <van-swipe-item class="swipe" style="background: yellow"><img src="" class="swipe-img"></van-swipe-item>
        <van-swipe-item class="swipe" style="background: red"><img src="" class="swipe-img"></van-swipe-item>
        <van-swipe-item class="swipe" style="background: dodgerblue"><img src="" class="swipe-img"></van-swipe-item>
        <van-swipe-item class="swipe" style="background: yellow"><img src="" class="swipe-img"></van-swipe-item>
        <van-swipe-item class="swipe" style="background: yellow"><img src="" class="swipe-img"></van-swipe-item>
      </van-swipe>
    </van-row>
    <van-row>
<!--      需要接口-->
    </van-row>
  </van-row>


</template>
<script>
  import 'swiper/dist/css/swiper.css'

  export default {
    name:'trainingcamp',
    methods:{
      onClickLeft(){
        this.$router.go(-1)
      },
      onClickRight(){
        //重新获取ajax
      }
    },
    mounted() {


    }
  }
</script>
<style scoped>
.vanSwipe{
  width: 100%;height: 83px;
}
</style>
